<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="viewport-fit=cover,width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover" />
		<link href="../../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../../css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../../../css/member.css"/>
	</head>
		
	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">订单详情页</h1>
		</header>
		<div id="dataBOX">
			<div class="mui-content getHeight">
				<div class="vip_order">
					<div class="vip_order_info">
						<div class="vip_rank_pic">
							<img :src="vip_img"/>
						</div>
						<div class="vip_order_price">
							<div class="vip_level">{{vip_text}}</div>
							<div class="vip_level_price">￥{{vip_price}}</div>
						</div>
					</div>
					<div class="fengeLine mb0"></div>
					<div class="courseConsultant" @click="choose_consultant">
						<div class="cc_l">课程顾问</div>
						<div class="cc_r">
							<span class="cc_sel"></span>
							<span>{{consultant_name}}</span>
							<span class="courseArrow"><img src="../../../images/arr_right.png"/></span>
						</div>
					</div>
				</div>
			</div>

			<div class="fix_vip_order">
				<div class="fix_vip_info">
					<div class="fix_vprice">总计<em class="red">￥{{vip_price}}</em></div>
					<div class="fix_vbtn" @click="tijiao_dingdan"><a>提交订单</a></div>
				</div>
			</div>

			<!--课程顾问弹出层-->
			<div class="popMask" @click="yc_kc_gw"></div>
			<div class="popConsultant">
				<div class="popCont">
					<div class="pop_tt">
						<span class="colsePay" @click="yc_kc_gw"><img src="../../../images/pay_close.png" alt="" /></span>
						<h4>客服</h4>
					</div>
					<div class="consultantSel">
						<ul class="mui-table-view mui-table-view-radio">
							<li class="mui-table-view-cell" v-for="val in kefu_lists" :class="val.status==1?'mui-selected':''" v-bind:custome-id="val.id" v-bind:name="val.name" @click="choose_li(val.id,val.name)">
								<span><a class="mui-navigate-right">{{val.name}}</a></span>
							</li>
						</ul>
					</div>
					<div class="useBtn consultantBtn">
						<a @click="confirm_custome(custom_id_bak,consultant_name_bak)">确定</a>
					</div>
				</div>
			</div>

			<!--选择支付方式-->
			<div class="popPay">
				<div class="popCont payHeight">
					<div class="pop_tt">
						<span class="colsePay" @click="close_pay_box"><img src="../../../images/pay_close.png" alt="" /></span>
						<h4>选择支付方式</h4>
					</div>
					<div class="pay_way">
						<ul class="mui-table-view mui-table-view-radio">
							<li class="mui-table-view-cell  mui-selected" @click="pay_way('wxpay')">
								<a class="mui-navigate-right"><em class="wx_bg"></em>微信</a>
							</li>
							<li class="mui-table-view-cell" @click="pay_way('alipay')">
								<a class="mui-navigate-right"><em class="zfb_bg"></em>支付宝</a>
							</li>
						</ul>
					</div>
					<div class="useBtn" @click="open_zhifu">
						<a>确认支付</a>
					</div>
				</div>
			</div>
		</div>

		<script src="../../../js/mui.min.js"></script>
		<script type="text/javascript" src="../../../js/h.min.js" ></script>
		<script type="text/javascript" src="../../../js/jquery.min.js" ></script>
		<script type="text/javascript" src="../../../js/tpl/vip_order.js"></script>
		<script src="../../../js/vue.js"></script>
		<script type="text/javascript" src="../../../js/pay.js"></script>
		<script src="../../../js/public.js"></script>
	</body>

</html>